<style>
    @media screen and (max-width:575px) {
        #vercode {
            position: relative !important;
        }
    }
</style>
<!--页面主要内容-->
<main class="lyear-layout-content">

    <div class="container-fluid p-t-15">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <!-- <div class="callout callout-success card card-body clearfix" style="flex-direction:row;"> -->
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb" style="padding: 1.25rem 1rem;background-color: white;">
                        <li class="breadcrumb-item"><a href="{:url('admin/admin/index')}" style="color: #33cabb;">管理员列表</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">添加管理员</li>
                    </ol>
                </nav>
                <!-- </div> -->
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <div class="card-title">添加管理员</div>
                    </div>
                    <div class="card-body">
                        <form action="" method="post">
                            <div class="form-group">
                                <label for="username">用户名</label>
                                <input type="text" class="form-control" id="username" name="username"
                                    placeholder="请输入用户名">
                            </div>
                            <div class="form-group">
                                <label for="nickname">昵称</label>
                                <input type="text" class="form-control" id="nickname" name="nickname"
                                    placeholder="请输入昵称">
                            </div>

                            <div class="form-group">
                                <label for="pass">密码</label>
                                <input type="password" class="form-control" id="pass" name="pass"
                                    placeholder="请输入您的密码">
                            </div>

                            <div class="form-group">
                                <label for="repass">确认密码</label>
                                <input type="password" class="form-control" id="repass" name="repass"
                                    placeholder="请在此输入您的密码">
                            </div>

                            <div class="form-group row">
                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                    <label for="vercode">验证码</label>
                                    <input type="text" class="form-control" name="vercode" id="vercode"
                                        placeholder="请输入验证码">
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" style="position: relative;">
                                    <img id="vercode" src="{:url('home/index/vercode')}" alt="captcha"
                                        onclick="this.src = `{:url('home/index/vercode')}`" style="position: 
                                            absolute;bottom: 0;" />
                                </div>

                            </div>

                            <button type="submit" class="btn btn-primary">创建</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

</main>
<!--End 页面主要内容-->